<style>


    .c2 {
        margin-top: 37px;
    }

    .head-list {
        margin-top: 36px;
    }

    .head-list .head {
        width: 987px;
        height: 80px;
        background: rgba(250, 250, 250, 1);
        vertical-align: middle;
        padding-left: 27px;
    }

    .head-list .head li {
        float: left;
        height: 80px;
        line-height: 80px;
        text-align: center;
        margin-right: 127px;
        cursor: pointer;
    }

    .head-list .head li.selected {
        color: #3286FF;
        border-bottom: #3286FF solid 2px;
    }

    .head-list .list {
        margin-top: 2px;
    }

    .head-list .list li {
        border-bottom: solid 1px #DCE4F7;
    }

    .head-list .list .c {
        font-size: 14px;
        font-family: Microsoft YaHei;
        color: rgba(108, 150, 212, 1);
        line-height: 46px;
        margin-left: 20px;
        letter-spacing: 1px;
        position: relative;
    }

    .head-list .list .t {
        font-size: 12px;
        font-family: Microsoft YaHei;
        color: rgba(58, 63, 81, 1);
        margin-bottom: 25px;
        margin-left: 20px;
        position: relative;
    }

    .head-list .list .c > span {
        font-size: 14px;
        font-family: Microsoft YaHei;
        color: rgba(58, 63, 81, 1);
    }

    .page_bar {

        margin-top: 54px;
    }

</style>
<div class="right_content">
    <div class="panel" >
        <div class="title"><p>我的点券</p></div>
        <div class="content c2">
            <div style="vertical-align: center;line-height: 40px ; height: 40px">
                <span style="font-size:50px;font-family:ArialMT;color:rgba(253,121,0,1);vertical-align: middle;margin-left: 29px">222</span>
                <input type="button" onclick="to_recharge()" style="vertical-align: middle;margin-left: 69px" class="button larger" value="去充值">
                <span style="font-size:14px;font-family:Microsoft YaHei;color:rgba(153,153,153,1);vertical-align: middle;margin-left: 580px">充值扣费说明？</span>
            </div>
            <div class="head-list">
                <ul class="head">
                    <li class="selected">全部记录</li>
                    <li>收入记录</li>
                    <li>支出记录</li>
                </ul>
                <ul class="list">
                    <li>
                        <div class="c"><span>发布新单扣除：</span>鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子...
                        <span style="position: absolute;right: 20px;font-size:12px;color: #999999">-100</span>
                        </div>
                        <div class="t">订单编号：1234567890 <span style="position: absolute;right: 20px;font-size:12px;color: #999999">208-06-12  12:20:08</span></div>
                    </li>
                    <li>
                        <div class="c"><span>发布新单扣除：</span>鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子...
                            <span style="position: absolute;right: 20px;font-size:12px;color: #999999">-100</span>
                        </div>
                        <div class="t">订单编号：1234567890 <span style="position: absolute;right: 20px;font-size:12px;color: #999999">208-06-12  12:20:08</span></div>
                    </li>
                    <li>
                        <div class="c"><span>发布新单扣除：</span>鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子...
                            <span style="position: absolute;right: 20px;font-size:12px;color: #FD7900">+100</span>
                        </div>
                        <div class="t">订单编号：1234567890 <span style="position: absolute;right: 20px;font-size:12px;color: #999999">208-06-12  12:20:08</span></div>
                    </li>
                    <li>
                        <div class="c"><span>发布新单扣除：</span>鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子...
                            <span style="position: absolute;right: 20px;font-size:12px;color: #999999">-100</span>
                        </div>
                        <div class="t">订单编号：1234567890 <span style="position: absolute;right: 20px;font-size:12px;color: #999999">208-06-12  12:20:08</span></div>
                    </li>
                    <li>
                        <div class="c"><span>发布新单扣除：</span>鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子鞋子...
                            <span style="position: absolute;right: 20px;font-size:12px;color: #999999">-100</span>
                        </div>
                        <div class="t">订单编号：1234567890 <span style="position: absolute;right: 20px;font-size:12px;color: #999999">208-06-12  12:20:08</span></div>
                    </li>
                </ul>
                <div class="page_bar">
                    <span>共120条记录</span>
                    <button>上一页</button>
                    <button>下一页</button>
                </div>
            </div>
        </div>
    </div>
</div>
<script>

    function to_recharge() {
        page("dqcz");
    }
</script>

